<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <script type="module">

        // 1.通用的方式
        //引入m1.js模块内容
        import * as m1 from './JS/m1.js';
        //引入m2.js模块内容
        import * as m2 from './JS/m2.js';
        import * as m3 from './JS/m3.js';

        m3.default.change();
        
        console.log(m1);

        // 2.解构赋值形式
        import {school,teach} from './JS/m1.js';
        // 重名时使用别名as
        import{school as guigu,findJob} from './JS/m2.js';
        // 使用默认暴露必须使用别名
        import{default as m3} from './JS/m3.js';
        console.log(school,fundJob);

        //3.简便暴露
        import m3 from './JS/m3.js';




              //模块化是指将一个大的程序文件,拆分成许多小的文件，然后将小文件组合起来。

              // 模块化的好处：
              // 防止命名冲突
              // 代码复用
              // 高维护性

//模块功能主要有两个命令构成：export和inport

// export命令用于规定模块的对外接口
// inport命令用于输入其他模块提供的功能


    </script> -->
    
    <script src="./JS/app.js" type="module">
        // 另外一种方式

    </script>
</body>
</html>